<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <button id="delete-btn" type="button">批量删除</button>
    <hr/>
    <label><input name="users" type="checkbox"/> 赵四</label>
    <label><input name="users" type="checkbox"/> 刘能</label>
    <label><input name="users" type="checkbox"/> 广坤</label>
    <label><input name="users" type="checkbox"/> 王云</label>
    <label><input name="users" type="checkbox"/> 飞机</label>
</head>
<body>
<script>
    onload=()=>{
        document.querySelector("#delete-btn").onclick=()=>{
            //抓取所有多选项
            let users=document.querySelectorAll("input[name=users]:checked");
            if (users.length<=0){
                alert("您至少要选择一项！")
                return;
            }
            //ES6字符串可以使用插值符号，插值符号只能在反引号中用
            if (confirm(`您需要删除${users.length}个用户，确认吗？`)){
                alert("删除成功")
            }


        }
    }
</script>
</body>
</html>